/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/

/* 自定义按钮的样式 */
.my-confirm-button {
	margin-left: 10px;
	background-color: #61bfde; /* 按钮背景颜色 */
    color: black; /* 文本颜色 */
    border: none; /* 移除边框 */
    padding: 10px 20px; /* 内边距 */
    font-size: 16px; /* 字体大小 */
    cursor: pointer; /* 鼠标指针样式 */
    border-radius: 5px; /* 圆角边框 */
    transition: background-color 0.3s ease; /* 按钮颜色过渡效果 */

    /* 按钮悬停效果 */
    &:hover {
        background-color: #2980b9; /* 鼠标悬停时的背景颜色 */
    }
}

.recent-files-container {
    padding: 10px;
    background-color: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

 .file-list {
	 display: flex;
	 flex-wrap: wrap; /* 当子元素太多时，自动换行 */
	 gap: 1px; /* 卡片之间的间距 */
	 justify-content: space-between; /* 子元素之间的间距自动调整以填满容器 */
	 /*height: 100%; !* 设置容器固定高度，根据需要调整 *!*/
	 overflow-y: auto; /* 启用垂直滚动 */
	 padding-right: 10px; /* 给滚动条腾出空间，防止遮挡内容 */
 }


/*.file-card {*/
/*  overflow: hidden; !* 隐藏超出div宽度的文本 *!*/
/*  text-overflow: ellipsis; !* 使用省略号表示被截断的文本 *!*/
/*  display: flex;*/
/*  width: 13%; !* 设置div的宽度，可以根据您的需要进行调整 *!*/
/*  font-weight: bold; !* 设置文本加粗 *!*/
/*  cursor: pointer;*/
/*  margin: 3px;*/
/*  padding: 3px;*/
/*  text-align: center;*/
/*  !*color: #835eed;*!*/
/*  color: lightslategray;*/
/*  border: 0px solid gray;*/
/*  height: 60px;*/
/*  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); !* 阴影样式 *!*/
/*  justify-content: center; !* 水平居中 *!*/
/*  align-items: center; !* 垂直居中 *!*/
/*}*/
.file-card {
	overflow: hidden; /* 隐藏超出div宽度的文本 */
	text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
	display: flex;
	flex-grow: 1; /* 使元素根据可用空间自适应宽度 */
	min-width: 150px; /* 设置最小宽度，确保卡片不会过小 */
	max-width: calc(33% - 10px); /* 设置最大宽度，使得每行最多可以放三张卡片 */
	font-weight: bold; /* 设置文本加粗 */
	cursor: pointer;
	margin: 1px;
	padding: 1px; /* 增加内边距，使内容更加居中 */
	text-align: center;
	color: #4A4A4A; /* 使用更柔和的灰色字体 */
	background-color: #F5F5F5; /* 添加淡灰色背景 */
	border: 0px solid #E0E0E0; /* 添加浅灰色边框，使其更具层次感 */
	border-radius: 8px; /* 增加圆角，使整体更柔和 */
	height: 50px; /* 调整高度 */
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); /* 优化阴影，使其更加柔和 */
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	transition: all 0.3s ease; /* 添加过渡效果，提升用户体验 */
}

.file-card:hover {
	background-color: #E0E7FF; /* 鼠标悬停时的背景色 */
	color: #3742FA; /* 鼠标悬停时的字体颜色 */
	transform: translateY(-3px); /* 鼠标悬停时的微妙浮动效果 */
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* 鼠标悬停时加深阴影 */
}

.sjz-button-a{
	color: darkgrey;
}

.sjz-button-b{
    margin-left: 5px;
	color: darkgrey;
}

.sjz-button-c{
	margin-left: 5px;
	color: darkgrey;
}

.sjz-yuanShuju-div{
   display: flex;
  flex-wrap: wrap; /* 子元素换行 */
}

.sjz-input{
/*    border: 1px solid red*/
width: 300px;
height: 40px;
}

.sjz-recent-tags-a{
	color: darkgrey;
    margin: 5px;
}
.custom-copy-button {
	position: absolute;
	top: 0px;
	right: 60px;
	width: 45px;
	font-weight: bold;
	padding: 0px 0px;
	background-color: white; /* 绿色背景 */
	color: green; /* 白色文字 */
	border: none;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1000; /* 确保按钮在其他元素之上 */
	font-size: 12px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.custom-image-button{
	position: absolute;
	margin-top: 0px;
	margin-left: 1px;
	transform: translate(-100%, 0%);
	z-index: 10;
	color: green;
	font-weight: bold;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}

.custom-image-button2{
	position: absolute;
	margin-top: 0px;
	margin-left: 1px;
	transform: translate(-210%, 0%);
	z-index: 10;
	color: green;
	font-weight: bold;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}
